
#comble{
    height: 100%;
    width: 100%;
    background:#f6f6f6;
}
#addAdderss{
    header#address-header{
        height: 1rem;
        text-align: center;
        color: black;
        font-size: .34rem;
        border-bottom:1px solid #e6e6e6;
        background: white;;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        img{
            height: .4rem;
            position: absolute;
            left: .4rem;
            top: .3rem;
        }
    }
    .name{
        border-bottom: 1px solid #e6e6e6;
        padding: 0 .24rem;
        height: 1.1rem;
        background:white;
        font-size: .28rem;
        color: #323232;
        display: flex;
        align-items: center;
        justify-content: space-between;
        input::-webkit-input-placeholder{
            color:#969696;
            font-size:.28rem;
        }
        span{
            float: left;
        }
        input{
            height: 1.1rem;
            font-size: .28rem;
            color: #323232;
            position: absolute;
            top: 0;
            left: 25%;
        }
    }
    .phone,.addressDetail{
        border-bottom: 1px solid #e6e6e6;
        padding: 0 .24rem;
        height: 1.1rem;
        background:white;
        font-size: .28rem;
        color: #323232;
        display: flex;
        align-items: center;
        justify-content: space-between;
        input::-webkit-input-placeholder{
            color:#969696;
            font-size:.28rem;
        }
        span{
            float: left;
        }
        input{
            height: 1.1rem;
            font-size: .28rem;
            color: #323232;
            width: 60%;
            position: absolute;
            left: 25%;
        }
    }
    .cityAt,.address{
        input::-webkit-input-placeholder{
            color:#969696;
            font-size:.28rem;
        }
        input{

        }
        .gps{
            color: #666;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 3.5rem;
            position: absolute;
            left: 25%;
        }
        .where{
            float:right;
            font-size:.28rem;
            color:#9948c3;
        }
        background:white;
        border-bottom: 1px solid #e6e6e6;
        height: 1.1rem;
        font-size:.28rem;
        color: #323232;
        display: flex;
        align-items: center;
        justify-content: space-between;
        span{
            float: left;
        }
       
            a{
                color: #646464;
        }
        img{
            float: right;
            height: .4rem;
            margin-right:.16rem;
        }
    }
    .type{
        border-bottom: 1px solid #C8C8C8;
        padding: 0 .4rem;
        height: 1.1rem;
        font-size: .3rem;
        color: #323232;
        span{
            float: left;
            margin-right: .25rem;
            a{
                border: 1px solid #C8C8C8;
                border-radius: .1rem;
                padding: .1rem;
            }
        }
        span:nth-child(2){
            margin-left: 1.1rem;
        }
        span:nth-child(1){
            padding: 0;
            border: 0;
            margin-right: 0;
        }
        span.active a{
            border: 0;
            background: #49B152;
            color: #fff;
        }
    }
    .defaultAddress{
        border-bottom: 1px solid #C8C8C8;
        padding: 0 .4rem;
        height: 1.1rem;
        font-size:.28rem;
        color: #323232;
        span{
            float: left;
        }
        img{
            float: right;
            height: .4rem;
            margin-top: .35rem;
        }
    }
    button.send{
        width: 4.1rem;
        margin: .8rem auto 0;
        background: white;
        color: #9948c3;
        font-size: .32rem;
        display: block;
        border-radius: .4rem;
        border:1px solid #9948c3;
        height: .8rem;
    }
    #city{
        width: 100%;
        background: rgba(0,0,0,.5);
        padding: 0;
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        #bottom{
            position: fixed;
            width: 100%;
            bottom: 0;
            left: 0;
            background: #fff;
            height: 4.8rem;
            padding: 0;
            animation: slide .5s;
            header{
                display: flex;
                height: .75rem;
                background: #f6f6f6;
                align-items: center;
                span{
                    flex: 1;
                    font-size: .28rem;
                    text-align: center;
                    color: #969696;
                }
                span.city-choose{
                    font-size: .28rem;
                    color: #333;
                }
            }
            ul{
                height: 4.2rem;
                overflow-y: auto;
                width: 100%;
                li{
                    height: .75rem;
                    text-align: center;
                    border-bottom: .01rem solid #e6e6e6;
                    color: #333;
                    font-size: .28rem;
                    line-height: .75rem;
                }
            }
        }
    }
}
.scroll{
    overflow: scroll;
}
#searchAddress{
    display: flex;
    flex-direction: column;
    height: 100%;
    header{
        height: 1rem;
        background: #49B152;
        position: relative;
        padding: 0 .4rem;
        img:nth-child(1){
            float: left;
            height: .4rem;
            margin-top: .3rem;
        }
        input{
            float: left;
            height: .6rem;
            width: 5.5rem;
            box-sizing: border-box;
            padding-left: .6rem;
            font-size: .3rem;
            color: #323232;
            margin: .2rem 0 0 .4rem;
            border-radius: .2rem;
        }
        img:nth-child(3){
            position: absolute;
            height: .3rem;
            top: .35rem;
            left: 1.2rem;
        }
    }
    ul{
        flex: 1;
        overflow: auto;
        li{
            padding: .3rem .4rem;
            font-size: .28rem;
            color: #323232;
            border-bottom: 1px solid #C8C8C8;
            p:nth-child(1){
                font-size: .3rem;
                text-indent: 1em;
            }
        }
    }
}
